<template>
	<div class="guidereg">
		<h3>
			<img src="img/red%20envelope.png" />
			新用户注册领388元大礼包
		</h3>
		<button @click="btn()">立即领取</button>
	</div>
</template>

<script>
	import Cookie from 'js-cookie'
	export default{
		name:'GuideReg',
		methods:{
			btn(){
				this.$router.push('/login')
			}
		},
		mounted() {
			if (Cookie.get('name')) {
				document.getElementsByClassName('guidereg')[0].style.display='none'
			}
		}
	}
</script>

<style scoped>
	.guidereg{
		position: fixed;
		bottom: 2rem;
		left: 0.3rem;
		width: 95%;
		height: 1rem;
		background: rgba(0,0,0,0.8);
		z-index: 100;
		display: flex;
		align-items: center;
		border-radius: 0.2rem 0.2rem 0 0;
		display: flex;
		justify-content: space-between;
	}
	.guidereg h3 img{
		width: 1rem;
		height: 1rem;
	}
	.guidereg h3{
		color: white;
		padding-left: 0.2rem;
		display: flex;
		align-items: center;
	}
	.guidereg button{
		background: #ffc500;
		border-radius: 1rem;
		line-height: 0.7rem;
		padding-left: 0.4rem;
		padding-right: 0.4rem;
		border: none;
		
	}
</style>
